<template> 
	<view>
		<view class="box-01">
			<image style="width: 32rpx; margin-left: 35rpx; margin-right: 20rpx;" src="../../static/wu/dingwei1.png"
				mode="widthFix"></image>
			<text>武侯区武科东一路 </text> <text>></text>
			<text class="text01">重新定位</text>
		</view>

		<view class="box-02">
			<!-- 左边文字 -->
			<view class="box-03">
				<span class="text-2">默认</span>
				<text>四川省成都市武侯区武科东一路布鲁汀小区121号</text>
				<view class="text-3">
					樱桃子 15648953256
				</view>
					</view>
					<!-- 右边图标 -->
					<view>
						<image class="img-1" src="../../static/wu/dingwei2.png" mode="widthFix"></image>
					</view>
				</view>
				
				<!-- 新增地址 -->
				<button  class="box-04"  >+        新增地址</button>

			</view>
</template>

<script setup>


</script>

<style>
		
	.box-04{
		background-color: #1e4fbe;
		    height: 90rpx;
		    width: 700rpx;
		    margin: auto;
		    border-radius: 50rpx;
		    position: fixed;
		    bottom: 80rpx;
		    left: 50%;
		    margin-left: -350rpx;
			color: white;
	}
	.text-3 {
		color: #8a8a8a;
		margin-top: 21rpx;
	}

	.text-2 {
		display: inline-block;
		border: #3b6fbe 1rpx solid;
		padding: 1rpx 9rpx 5rpx 9rpx;
		margin-right: 20rpx;
		border-radius: 11%;
	}

	.box-03 {
		margin-right: 82rpx;
	}

	.img-1 {
		width: 36rpx;
	}

	.box-02 {
		background-color: white;
		height: 250rpx;
		width: 700rpx;
		display: flex;
		align-items: center;
		border-radius: 7%;
		padding: 0 35rpx 0 36rpx;
		box-sizing: border-box;
		margin: auto;
	}


	page {
		background-color: #f8f8f8;
	}

	.box-01 {
		height: 102rpx;
		background-color: white;
		display: flex;
		align-items: center;
		margin-bottom: 48rpx;
	}

	.text01 {
		margin-left: 195rpx;
		color: #3b6fbe;
	}
</style>
